html{
    font-size: 14px;
}
ul.tab-titles{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.tab-titles li.tab-title{
    float: left;
    width: 10rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
}
ul.tab-titles::after{
    content: '';
    display: block;
    clear: both;
}
li.active{
    background: red;
    color: aliceblue;
}
ul.tab-contents{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
li.tab-content{
    width: 40px;
    height: 10rem;
    background: #ccc;
    display: none;
}
li.tab-content.show{
    display: block;
}